<template>
  <a-config-provider :locale="locale">
    <div id="app">
      <router-view />
    </div>
  </a-config-provider>
</template>

<script>
import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN';

export default {
  data() {
    return {
      locale: zhCN,
    };
  },
  created() {
    const loadingEl = document.querySelector('#load-spinner');
    loadingEl.parentNode.removeChild(loadingEl);
  },
};
</script>

<style lang="less">
#app {
  min-height: 100%;
}
.app-view {
  background: white;
}
.shape-container > .shape-inner {
  height: inherit !important;
}
.action-box {
  white-space: nowrap;
  font-weight: bold;
  .ant-btn:not(:last-child) {
    margin-right: 5px;
  }
  & > span {
    cursor: pointer;
    padding: 5px;
    &:hover {
      opacity: 0.7;
    }
  }
  .primary {
    color: #1890ff;
  }
  .danger {
    color: #f5222d;
  }
  .warn {
    color: #ff9900;
  }
  .success {
    color: #1aad19;
  }
}
.add-btn {
  margin-bottom: 20px;
}
.calendar-container {
  border: 1px solid #eee;
  box-shadow: 0 0 10px #eee;
}
.ant-table {
  tr {
    th,
    td {
      text-align: center !important;
    }
  }
}
</style>
